@@include('../include/head.html')
<div class="aiui-card">
    <div class="aiui-card-header">
        固定列表格
    </div>
    <div class="aiui-card-body" style="padding:0px;">
        <div class="aiui-table-toolbar clearfix" >
            <div class="aiui-col-xs12 aiui-col-md6">
                <div class="aiui-btn-group">
                    <button class="aiui-btn aiui-btn-primary">新增</button>
                    <button class="aiui-btn aiui-btn-success">启用</button>
                    <button class="aiui-btn aiui-btn-warning">禁用</button>
                    <button class="aiui-btn aiui-btn-error">删除</button>
                </div>
            </div>
            <div class="aiui-col-xs12 aiui-col-md6 clearfix">
                <div class="aiui-form aiui-col-xs12 aiui-col-md8" aiui-filter="select-form" aiui-form>
                    <div class="aiui-input-group aiui-input-group-append aiui-input-group-prepend aiui-col-xs8" style="float:none;">
                        <div class="aiui-input-group-prepend">
                            <select name="seach_field" aiui-select>
                                <option value="" selected="selected">不限</option>
                                <option value="title">标题</option>
                            </select>
                        </div>
                        <input type="text" class="aiui-input-inner" name="activity" placeholder="请输入活动名称">
                        <div class="aiui-input-group-append">
                            <button class="aiui-btn aiui-btn-primary">查询</button>
                        </div>
                    </div>
                    <button class="aiui-btn aiui-btn-primary" style="margin-left: 10px;">高级查询</button>
                </div>
            </div>
        </div>
        <table id="admin_Config_list" aiui-stripe="true" aiui-border="true">
        </table>
    </div>
</div>
<script>
aiui.use(['form','table'],function(form,table){
    form.init();//初始化form
    var list_table = table.render({
        elem:'#admin_Config_list',
        treeTable:{
            iconColumn:'title',
        },
        columns:[[
        {"field":"id","title":"ID","order":false,"type":"checkbox","width":40,"fixed":"left","checked":true},
        {"type":"normal","field":"title","title":"名称","elem":"text"},
        {"type":"normal","field":"app","title":"应用","elem":"text","width":150,"sort":true},
        {"type":"normal","field":"icon","title":"图标","elem":"text","width":100},
        {"type":"normal","field":"sort","title":"排序","elem":"text","sort":true},
        {"field":"","align":"center","title":"操作","order":false,"type":"text","width":200,"fixed":"right","template":"<div class='aiui-btn-group'><button class='aiui-btn aiui-btn-xs aiui-btn-primary'>编辑</button><button class='aiui-btn aiui-btn-xs aiui-btn-error'>删除</button></div>"}
        ]],
        data:{
            url:'/data/menu.json',
            method:'get'
        },
        columnMinWidth:40,
        page:{
            show:true
        },
        height:'full-280'
    })
})
</script>
@@include('../include/foot.html')